<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
	<link rel="stylesheet" href="/css/index.css">
	<link rel="stylesheet" href="/lib/font/iconfont.css">
	<link rel="stylesheet" href="/lib/swiper/swiper.min.css">
	<script src="/lib/swiper/swiper.min.js"></script>
	<script src="./lib/requirejs/require.min.js" data-main="/js/index"></script>
	
</head>
<body>
	<header></header>
	<div class="banner">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><img src="./images/pic5.jpg"></div>
				<div class="swiper-slide"><img src="./images/pic6.jpg"></div>
				<div class="swiper-slide"><img src="./images/pic7.jpg"></div>
				<div class="swiper-slide"><img src="./images/pic8.jpg"></div>
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination"></div>
		</div>
	</div>
	<main>
		<div class="content">
			<div class="five_goods">
				<a target="_blank" href="./html/list.html">
					<div class="mask1">
						<img border="0" src="./images/pic1.jpg">
						<div class="light1"></div>
					</div>
				</a>
				<a target="_blank" href="./html/list.html">
					<div class="mask2">
						<img border="0" src="./images/pic2.jpg">
						<div class="light2"></div>
					</div>
				</a>
				<a target="_blank" href="./html/list.html">
					<div class="mask3">
						<img border="0" src="./images/pic3.jpg">
						<div class="light3"></div>
					</div>
				</a>
				<a target="_blank" href="./html/list.html">
					<div class="mask4">
						<img border="0" src="./images/pic4.jpg">
						<div class="light4"></div>
					</div>
				</a>
			</div>
		</div>
	</main>
	<footer></footer>
	<script language="javascript"> 
		var mySwiper = new Swiper('.swiper-container',{
			// pagination: {
			// el: '.swiper-pagination',
		  	// },
		  	speed:1000,
		  	autoplay: {
			delay: 2500,
			disableOnInteraction: false,
			waitForTransition: false,
			},
			pagination: {
				el: '.swiper-pagination',
				clickable: true,
				renderBullet: function (index, className) {
				return '<span class="' + className + '">' + (index + 1) + '</span>';
				},
			},
		})
	  </script>
	
		
				  
</body>
</html>

